<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
		<link rel="stylesheet" type="text/css" href="css/ymcombo.css" />
	</head>

	<body>
		<div class="yingmoo-details">
			<!-- nav导航  -->
			<div class="yingmoo-header">
				<p>欢迎您来鹰目<img src="img/home.png" class="home" />
					<span class="page-text">鹰目网首页</span>
					<span class="register">请登录</span>
					<span class="login">免费注册</span>
					<span class="merchant">商家管理中心</span>
					<span class="member">会员中心
	                <img src="img/arrows.png" class="arrows" />
	            </span>
					<span class="mean">我的收藏
	                <img src="img/arrows.png" class="arrows" />
	            </span>
					<span class="serve">客户服务
	                <img src="img/arrows.png" class="arrows" />
	            </span>
					<span class="tel">客服热线</span>
					<span class="num">
	            <img src="img/phone.png" class="tel-img" />400 650 7893</span>
				</p>
			</div>
			<!--  媒体导航  -->
			<div class="yingmoo-detailsnav">
				<div class="yingmoo-nav">
					<div class="navlogo-text">
						<img src="img/first_img2.png" class="first-img2" />
					</div>
					<div class="yingmoo-nav-mean">
						<div class="yingmoo-nav-mean-div">
							<input type="text" id="yingmoo-page-ipt" class="yingmoo-page-ipt" />
							<div class="btn-soso">
								<p>搜索</p>
							</div>
							<div class="btn-sousuo">
								<img src="img/location.png" />
							</div>
						</div>
						<p class="hot-sousuo">热门搜索：
							<span>国际媒体</span>
							<span>LED</span>
							<span>地铁媒体</span>
							<span>电梯框架</span>
							<span>公交车身</span>
							<span>候车亭</span>
						</p>
					</div>
				</div>
				<div class="btn-my">
					<div class="btn-my-shopmall">
						<div class="img"></div>
						<p>我的商城</p>
						<div class="img1"></div>
					</div>
					<div class="btn-my-settle">
						<div class="img2"></div>
						<p>购物车结算</p>
						<div class="img1"></div>
					</div>
				</div>
			</div>
			<!-- 全部分类导航  -->
			<div class="yingmoo-column">
				<div class="navstrip"></div>
				<div class="navbag">
					<div class="column-navbar">
						<h1 class="column-title" id="column-title">
				            <img class="column-icon" src="img/icon-yun1.png" />
				            <span class="column-name">全部媒体分类</span>
				            <img class="column-arrow" src="img/bg-arrow.png" />
				        </h1>
						<ul class="media-nav-tab" id="media-nav-tab">
							<a href="http://localhost:8080/#/ymMediaDowntown">
								<li>市区媒体</li>
							</a>
							<a href="http://localhost:8080/#/ymHighspeed">
								<li>高速媒体</li>
							</a>
							<a href="http://localhost:8080/#/ymMediaPublic">
								<li>公交媒体</li>
							</a>
							<a href="http://localhost:8080/#/ymMetro">
								<li>地铁媒体</li>
							</a>
							<a href="http://localhost:8080/#/ymAirport">
								<li>机场媒体</li>
							</a>
							<a href="http://localhost:8080/#/ymMediaTrain">
								<li>火车媒体</li>
							</a>
							<a href="http://localhost:8080/#/ymPassenger">
								<li>客运站媒体</li>
							</a>
							<a href="http://localhost:8080/#/ymBuilding">
								<li>楼宇媒体</li>
							</a>
							<a href="http://localhost:8080/#/ymSuper">
								<li>商超媒体</li>
							</a>
							<a href="http://localhost:8080/#/ymFeature">
								<li>特色区域媒体</li>
							</a>
						</ul>

						<div class="coverage" id="coverage">
							<button>市区媒体</button>
							<ul>
								<li>单立柱</li>
								<li>LED显示屏</li>
								<li>灯箱</li>
								<li>客车内广告</li>
								<li>车身</li>
								<li>座椅</li>
								<li>电视</li>
								<li>其他</li>
							</ul>
							<ul>
								<li>吊旗</li>
								<li>刷屏机</li>
								<li>椅座广告</li>
								<li>大牌</li>
								<li>墙面</li>
								<li>楼顶</li>
								<li>立地</li>
							</ul>
						</div>

					</div>
					<ul class="column-subtitle clearfix">
						<a href="http://localhost:8080/#/">
							<li>首页</li>
						</a>
						<a href="http://localhost:8080/#/ymStore">
							<li>商城</li>
						</a>
						<a href="http://localhost:8080/#/ymCase">
							<li>案例展示</li>
						</a>
						<a href="http://localhost:8080/#/ymExpert">
							<li>专家</li>
						</a>
						<a href="">
							<li>国际媒体</li>
						</a>
						<a href="">
							<li>鹰监测</li>
						</a>
						<a href="http://localhost:8080/#/ymMember">
							<li>会员中心</li>
						</a>
					</ul>
				</div>

			</div>
			<!--  当前定位  -->
			<div class="locat">
				<img src="img/dw.png" />
				<p>
					当前位置：
					<span>鹰目户外广告>我的媒体></span>
					<span class="text">套餐标题套餐标题套餐标题套餐标题</span>
				</p>
			</div>
			<!--  媒体详情  -->
			<div class="clunm-conten">
				<div class="clunm-result">
					<div class="clunm-left">
						<div class="result-top">
							<img src="img/combo/imagescombo.png" />
						</div>
						<div class="result-down">
							<p>点击量<span class="color">123</span>现价<span class="color">331111</span><span class="alway">原价1111111</span></p>
						</div>
					</div>
					<div class="clunm-right">
						<h3>
	           	 套餐标题套餐标题套餐标题套餐标题
	          </h3>
						<p class="where">
							覆盖地区： <span>北京 海淀区 朝阳区 南京</span>
						</p>
						<p>
							媒体数量： <span>15个媒体</span>
						</p>
						<p>
							套餐时间： <span>2016-7-30 ~ 2017-4-30</span>
						</p>
						<p>
							覆盖人数： <span>3400万人次/天</span>
						</p>
						<p>
							覆盖车辆： <span>3400万辆/天</span>
						</p>
						<p>
							适用行业： <span>食品饮料/酒精饮料/IT行业/邮电通讯/商业......</span>
						</p>
					</div>
				</div>
				<div class="shop-detail">
					<h4>店铺详细信息</h4>
					<h3>公司名称公司名称公司名称</h3>
					<img src="img/details1.png" />
					<p>主营媒体：<span>公交媒体、高速媒体</span></p>
					<p>该媒体总共发布媒体94条</p>
					<button>进入店铺</button>
				</div>
			</div>
			<!--  套餐描述  -->
			<div class=" yingmoo-xxx">
				<div class="column-navbar grey">
					<h1 class="column-title">
			          <img class="column-icon" src="img/icon-yun1.png" />
			          <span class="column-name">套餐描述</span>
			          <img class="column-arrow" src="img/bg-arrow.png" />
			        </h1>
				</div>
				<div class="column-content">
					<p>此广告位位于德州客运中心主楼楼体位置，面向十字路口。事业开口无任何遮挡。途径此地的车流、人流量大。特别是作为客运的集散地聚集了大量下县客流和车流。且位东临购物商场、人民公园。北接布匹批发市场、城隍庙小商品市场、步行街等商业旺区。是商家宣传的良好资源城隍庙小商品市场、步行街等商业旺区、是商家宣传的良好资源</p>
				</div>
			</div>
			<!--  套餐媒体  -->
			<div class=" yingmoo-ooo">
				<div class="column-navbar grey">
					<h1 class="column-title">
			          <img class="column-icon" src="img/icon-yun1.png" />
			          <span class="column-name">套餐媒体</span>
			          <img class="column-arrow" src="img/bg-arrow.png" />
			        </h1>
				</div>
				<div class="column-content">
					<!--重复十-->
					<dl class="media-model">
						<dt>
				            <img src="img/imges.png" />
				        </dt>
						<dd class="media-text-first">modeltext</dd>
						<dd class="media-text-secend">modelmoney</dd>
						<dd class="media-text-city">modelcity<span>modellook</span></dd>
					</dl>
					<dl class="media-model">
						<dt>
				            <img src="img/imges.png" />
				        </dt>
						<dd class="media-text-first">modeltext</dd>
						<dd class="media-text-secend">modelmoney</dd>
						<dd class="media-text-city">modelcity<span>modellook</span></dd>
					</dl>
					<dl class="media-model">
						<dt>
				            <img src="img/imges.png" />
				        </dt>
						<dd class="media-text-first">modeltext</dd>
						<dd class="media-text-secend">modelmoney</dd>
						<dd class="media-text-city">modelcity<span>modellook</span></dd>
					</dl>
					<dl class="media-model">
						<dt>
				            <img src="img/imges.png" />
				        </dt>
						<dd class="media-text-first">modeltext</dd>
						<dd class="media-text-secend">modelmoney</dd>
						<dd class="media-text-city">modelcity<span>modellook</span></dd>
					</dl>
					<dl class="media-model">
						<dt>
				            <img src="img/imges.png" />
				        </dt>
						<dd class="media-text-first">modeltext</dd>
						<dd class="media-text-secend">modelmoney</dd>
						<dd class="media-text-city">modelcity<span>modellook</span></dd>
					</dl>
					<dl class="media-model">
						<dt>
				            <img src="img/imges.png" />
				        </dt>
						<dd class="media-text-first">modeltext</dd>
						<dd class="media-text-secend">modelmoney</dd>
						<dd class="media-text-city">modelcity<span>modellook</span></dd>
					</dl>
					<dl class="media-model">
						<dt>
				            <img src="img/imges.png" />
				        </dt>
						<dd class="media-text-first">modeltext</dd>
						<dd class="media-text-secend">modelmoney</dd>
						<dd class="media-text-city">modelcity<span>modellook</span></dd>
					</dl>
					<dl class="media-model">
						<dt>
				            <img src="img/imges.png" />
				        </dt>
						<dd class="media-text-first">modeltext</dd>
						<dd class="media-text-secend">modelmoney</dd>
						<dd class="media-text-city">modelcity<span>modellook</span></dd>
					</dl>
					<dl class="media-model">
						<dt>
				            <img src="img/imges.png" />
				        </dt>
						<dd class="media-text-first">modeltext</dd>
						<dd class="media-text-secend">modelmoney</dd>
						<dd class="media-text-city">modelcity<span>modellook</span></dd>
					</dl>
					<dl class="media-model">
						<dt>
				            <img src="img/imges.png" />
				        </dt>
						<dd class="media-text-first">modeltext</dd>
						<dd class="media-text-secend">modelmoney</dd>
						<dd class="media-text-city">modelcity<span>modellook</span></dd>
					</dl>
				</div>
			</div>
			<!--  footer  -->
			<div class="footer-bar">
				<div class="footer-bg">
					<div class="w1200 footer-about clearfix">
						<ul>
							<h5>关于</h5>
							<li>
								<a href="javascript:;">关于我们</a>
							</li>
							<li>
								<a href="javascript:;">加入我们</a>
							</li>
							<li>
								<a href="javascript:;">团队</a>
							</li>
						</ul>
						<ul>
							<h5>服务</h5>
							<li>
								<a href="javascript:;">服务条款</a>
							</li>
							<li>
								<a href="javascript:;">隐私协议</a>
							</li>
						</ul>
						<ul>
							<h5>产品</h5>
							<li>
								<a href="javascript:;">如何使用</a>
							</li>
							<li>
								<a href="javascript:;">视频介绍</a>
							</li>
							<li>
								<a href="javascript:;">更新历史</a>
							</li>
							<li>
								<a href="javascript:;">FAQ</a>
							</li>
						</ul>
						<div class="we">
							<h5>关注我们</h5>
							<p class="icons">
								<a href="javascript:;"><img src="img/icon-wb.png" /></a>
								<a href="javascript:;"><img src="img/icon-wx.png" /></a>
								<a href="javascript:;"><img src="img/icon-qq.png" /></a>
							</p>
							<p class="text">鹰目户外广告网是中国最大的户外广告投放平台，户外媒体行业服务平台。鹰目网秉承以 “为客户提供有价值的服务” 为宗旨，围绕 “做专” “做专业” “做精细” 的服务方针，坚持 “只做服务商” 的经营理念，致力于以顾问形式，服务于户外广告买卖双方。</p>
						</div>
					</div>
				</div>
				<div class="footer-copyright">
					<div class="w1200">
						<div class="copyright">
							<p>
								<span>Copyright @ 2012-2017</span>
								<span>北京鹰目网络科技有限公司</span>
								<span>京ICP备14044439号-1</span>
								<img src="img/icon-g.png" />
								<span>京公网安备 11010802020633号</span>
							</p>
							<p>
								<span>地址：北京市海淀区上地东路35号颐泉汇大厦D座5层</span>
								<span>热线：400 650 7893</span>
								<span>传真：010-62681689/8248335</span>
							</p>
						</div>
						<div class="safety clearfix">
							<a href="javascript:;"><img src="img/safe-360.png" /></a>
							<a href="javascript:;"><img src="img/safe-kexin.png" /></a>
							<a href="javascript:;"><img src="img/safe-aqlm.png" /></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/jquery.raty.min.js"></script>

		<script>
			$(function() {
				$('#star').raty({
					path: 'img',
					precision: true
				});
			})
		</script>
		<script>
			$(function() {
				//			全部分类导航
				$('#column-title').mouseover(function() {
					$(this).siblings('.media-nav-tab').show();
				}).mouseout(function() {
					$(this).siblings('.media-nav-tab').hide();
				})
				$('.media-nav-tab').mouseover(function() {
					$(this).show();
					$(this).siblings('.coverage').show();
				}).mouseout(function() {
					$(this).hide();
					$(this).siblings('.coverage').hide();
				})
				$('.coverage').mouseover(function() {
					$(this).show();
					$(this).siblings('.media-nav-tab').show();
				}).mouseout(function() {
					$(this).hide();
					$(this).siblings('.media-nav-tab').hide();
				})
				//			基本信息、媒体地图、投放评论
				$('.tab-message').mouseover(function() {
					$('.messages').show();
					$('.maps').hide();
					$('.comments').hide();
					$(this).css({ "background-color": "#036eb7", "color": "white" });
					$(this).siblings().css({ "background-color": "white", "color": "#666666" });
				}).mouseout(function() {
					$(this).css({ "background-color": "#036eb7", "color": "white" });
				})
				$('.tab-map').mouseover(function() {
					$('.messages').hide();
					$('.maps').show();
					$('.comments').hide();
					$(this).css({ "background-color": "#036eb7", "color": "white" });
					$(this).siblings().css({ "background-color": "white", "color": "#666666" });
				}).mouseout(function() {
					$(this).css({ "background-color": "#036eb7", "color": "white" });
				})
				$('.tab-comment').mouseover(function() {
					$('.messages').hide();
					$('.maps').hide();
					$('.comments').show();
					$(this).css({ "background-color": "#036eb7", "color": "white" });
					$(this).siblings().css({ "background-color": "white", "color": "#666666" });
				}).mouseout(function() {
					$(this).css({ "background-color": "#036eb7", "color": "white" });
				})

			})
		</script>
	</body>

</html>